<template>
  <div id="app">
    <keep-alive>
    <router-view></router-view> <!-- 这里是个最大容器 -->
    <!-- <div class="loading">
        
    </div> -->
    </keep-alive>
  </div>
</template>
<script>
import { Tabbar, TabItem } from 'mint-ui';

export default {
  name: 'App',
  data(){
    return {
      selected:"home"
    }
  },
  components:{
    Tabbar,TabItem
  },
  mounted:function(){
    
  }
}
</script>
<style lang="less">
@font-face {
  font-family: 'iconfont';  /* project id 622814 */
  src: url('//at.alicdn.com/t/font_622814_mpcufbhnq99hpvi.eot');
  src: url('//at.alicdn.com/t/font_622814_mpcufbhnq99hpvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_622814_mpcufbhnq99hpvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_622814_mpcufbhnq99hpvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_622814_mpcufbhnq99hpvi.svg#iconfont') format('svg');
}
.loading{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.5);
  text-align:center;
  >span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
  }
}
footer{
  *.iconfont{
    font-family: iconfont; 
  }
  text-align:center;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background-color:#FFF;
  ul{
    padding:5px 0;
    overflow:hidden;
    display:flex;
    list-style:none;
    li{
      width:33.33%;
      float:left;
      flex:1 0 auto;
      a{
        text-decoration:none;
        display:block;
        p{
          margin:8px 0
        }
      }
      a.list_active{
        color:red;
      }
    }
  }
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  padding:5px;
}
div.push{
  height:58px;
}
</style>
